import { FC } from "react";
import { Tabs, type TabsProps } from "antd";
import { AppstoreOutlined, BarsOutlined } from "@ant-design/icons";
import CompponentLib from "./ComponentLib";
import Layers from "./Layers";

const LeftPanel: FC = () => {
  const items: TabsProps["items"] = [
    {
      key: "componentLib",
      label: (
        <span className="flex items-center gap-1">
          <AppstoreOutlined />
          组件库
        </span>
      ),
      children: <CompponentLib />,
    },
    {
      key: "layers",
      label: (
        <span className="flex items-center gap-1">
          <BarsOutlined />
          图层
        </span>
      ),
      children: <Layers />,
    },
  ];
  return (
    <div>
      <Tabs items={items} defaultActiveKey="componentLib" />
    </div>
  );
};

export default LeftPanel;
